<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>绑定手机号</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="./public/css/sm.css">
    <link rel="stylesheet" href="./public/css/sm-extend.css">

    <link rel="stylesheet" href="./public/static/iconFont/iconfont.css">

    <link rel="stylesheet" href="./public/css/ansicht.css">
    <link rel="stylesheet" href="./public/css/self.css">

</head>
<body>


<div class="page-group">

    <div class="page" id="page-captcha">
        <!--
                <header class="bar bar-nav">
                    <h1 class="title">绑定手机号</h1>
                </header>
        -->
        <div class="content">
            <div class="content-block-title">绑定手机号后才可以提交内容…</div>
            <form>
                <div class="list-block">
                    <ul>
                        <li class="item-content">
                            <div class="item-inner">
                                <div class="item-title label">手机号码</div>
                                <div class="item-input">
                                    <input type="text" id="mobile" placeholder="手机号码" maxlength="11" onkeyup="getVal(this)">
                                    <label class="self-icon-del iconfont icon-delete_fill"
                                           onclick="delVal(this)"></label>
                                </div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-inner">
                                <div class="item-title label">验证码</div>
                                <div class="item-input">
                                    <input type="text" name="password" placeholder="验证码" maxlength="5" onkeyup="getVal(this)">
                                    <label class="self-icon-del iconfont icon-delete_fill" style="right:6rem"
                                           onclick="delVal(this)"></label>
                                </div>
                                <div class="item-after">
                                    <input type="button" id="captcha" class="button button-fill button-danger"
                                           value="获取验证码"/>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="content-block">
                    <a href="javascript:;" class="button button-big button-fill button-danger" id="submit" type="1" interAPI="api/wxapi/users/banduseropenid" style="display: none">提交</a>
                    <a href="javascript:;" class="button button-big button-nosumbit" id="submit-hui">提交</a>
                </div>
            </form>
        </div>
    </div>
</div>

<script src="./public/js/zepto.js"></script>
<script src="./public/js/sm.js"></script>
<script src="./public/js/ansicht.js"></script>

<script src="./public/js/self.js"></script>

<script type="text/javascript">
    $('#captcha').captcha({
        input: '#mobile',
        success: function (data) {
            getcode($('#mobile').val(),$('#captcha'),'api/webapi/code/getcode');
        }
    })
</script>


</body>
</html>
